<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>简约企业首页</title>
<style>
  body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #000; /* 黑色背景 */
    color: #fff; /* 白色文字 */
  }
  .header {
    text-align: center;
    padding: 100px;
  }
  .logo {
    width: 100px;
    height: auto;
  }
  .nav {
    overflow: hidden;
    background-color: #333;
    padding: 10px 0;
  }
  .nav a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  .nav a:hover {
    background-color: #ddd;
    color: black;
  }
  .content {
    text-align: center;
    padding: 50px;
  }
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
  }
</style>
</head>
<body>

<div class="header">
  <img src="logo.png" alt="Logo" class="logo">
  <h1>欢迎来到我们的企业</h1>
</div>

<div class="nav">
  <a href="#home">首页</a>
  <a href="#about">关于我们</a>
  <a href="#services">服务</a>
  <a href="#contact">联系我们</a>
</div>

<div class="content">
  <h2>我们提供卓越的服务</h2>
  <p>了解更多关于我们如何帮助您的业务成长。</p>
</div>

<div class="footer">
  <p>版权所有 &copy; 2024 简约企业</p>
</div>

</body>
</html>